<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>

    <style>
        /*<!--  ctrl +shift +enter  -->*/
        #p1 {
            color: red;
        }

        .p2 {
            color: green;
        }
        p {
            color: yellow;
        }
        a {
            color: black;
        }
        .a {
            color: #c4c4c4;
        }
        /*优先选择近的样式*/
        #a {
            color: green;
        }
    </style>


</head>
<body>
<!-- id    一般在项目里面是唯一的-->
<!--id选择器   对应 #   -->
<p id="p1">Java</p>
<!--类选择器  可以存在多个名字相同的元素   对应  .  -->
<p class="p2">Python</p>
<p class="p2">PHP</p>

<!--标签选择器-->
<p>Appium</p>
<p>linux</p>

<a class="a" id="a" href="#">点我</a>

</body>
</html>